@charset "utf-8";
@import url("googleDefault.css");
@font-face { font-family: Arial; src: url(font/arial.ttf); }
@font-face { font-family: UVNDaLat; src: url(font/UVNDaLat.TTF); }

body{
	font-family: Arial;
    font-size: 14px;
    line-height: 20px;
    font-weight:400;
    color:#78696e;
	overflow-x:scroll ;
	overflow-y: scroll;
    background-color:#fffcf7;
	text-align: center;
}

#container{
	position:relative;
	width:100%;
}
div.header{
	background: #f7f0e6 url(../images/header_bg.jpg) repeat;
	position:relative;  display:block;
	z-index:1000; 
	font-size:14px;
	width:100%; height:213px;
}
#header-outner{
	min-height:95px;
	position:relative;
	margin:0px auto;
	width:1000px; display:block; height:100%;
}
#header-outner h3.logo a{
	background-image:url(../images/logo.png);
	width:400px; height:116px;
	text-indent:-9999px;
	position:absolute; top:0px; left:0px;
}
/*===================================*/
#header-outner h3.logan a,
.gioithieu,
.thanhvien,
.lich,
.linhvuc,
.duan,
.congcu{
	width:460px; height:89px;
	text-indent:-9999px;
	position:absolute; top:119px; left:0px;
	cursor: default;	
}
#header-outner h3.logan a{
	background-image:url(../images/logan.png);	
}
.gioithieu{
	background-image:url(../images/gioithieu.png);
}
.thanhvien{
	background-image:url(../images/thanhvien.png);
}
.lich{
	background-image:url(../images/kehoach.png);
}
.linhvuc{
	background-image:url(../images/linhvuc.png);
}
.duan{
	background-image:url(../images/duan.png);
}
.congcu{
	background-image:url(../images/congcu.png);
}
/*===================================*/
#menu {
	position:absolute; top:0; right:0px;
	min-width:480px;
}
div#main h1.tenlinhvuc,
.duan-mota{
	text-transform:uppercase;
	font-family:UVNDaLat;
	color:#514448;
	text-align:left;
	line-height:normal;	
}

/*=========CONTENT==========================*/
#content-outner{
 	text-align: left;
	min-height:1150px;
	margin:10px auto;
	width:1000px; display:block;
	position:relative;
	overflow: hidden;
}
.ie9 #main,.ie7 #main,.ie8 #main{
	 min-height:1200px; 
}
#main{
	width:700px;  
	margin:40px 300px 0px 0px; 
	min-height:500px;
	text-align:left;
	padding:0px 10px 10px 0px;
	background:url(../images/line_ver.png) repeat-y right top;
}
div.item {
	width:625px; 
	padding-left:55px;
	display:block;
	position:relative;
}
div.item p,div.item div {
	margin:0px 0px 0px;
}
div.create-date{
	background: url(../images/date_bg.png) no-repeat;
	position:absolute; top:-35px; left:0px;
	width:122px; height:122px;
}
div.item a {
	color:#00f;
}
div.item div.suu-tam,div.item div.tac-gia{
        float:right;
        font-weight:bold;
        margin:15px 0px 5px;
}
div.item p.caption_l,
div.item p.caption_l a{
  font-size:18px;
  font-weight:bold;
  margin:20px 0 10px;
	color:#514448;
}
div.item img.item-image, 
div.item img, 
div.item img.no-border,
div.item input[type="image"]{
   border: 1px solid #ccc; padding: 5px;
}
div.item h1, div.item h2 {
	text-transform:uppercase;
	font:normal 20px UVNDaLat;
	margin-top:20px;
	color:#514448 !important;
}
div.item h1 a,div.item h2 a{
	color:#514448;
}
div.item p.breadcrumb{
	font-size:12px;
	margin-bottom:10px;
	margin-top:2px;
}
div.item p.breadcrumb a, div.item-l p.breadcrumb a{
	color:#028bd7;
}
span.date{
	color:#FFFFFF;
	font-size:30px;
	position:absolute; top:40px; left:20px;
}
span.month{
	color:white;
	font-size:14px;
	font-weight:bold;
	position:absolute; top:35px; left:58px;
	line-height:15px;
	width:40px;
}
p.line-item{
	background:url(../images/linengang.png) repeat-x;
	text-indent:-9999px;
	width:707px;
	margin:35px 0px 40px;
	overflow-y:auto;
}
div.paging{
	position:relative;
	padding:15px 0px;
}
div.paging ul {
	position:absolute; top:-20px; right:45px; 
	overflow-y:auto;
}
div.paging ul li{
	color:#504448;	
	float:left;
	margin-right:3px; 
	font-size:14px;
	padding:0px 8px;
}
div.paging ul li a{
	color:#504448;	
}
div.paging ul li.active,
div.paging ul li.active:HOVER {
	background:#00adf2;
	border-radius:3px;color:#FFF;
}
div.paging ul li.active a, 
div.paging ul li:HOVER a{
	color:#FFF;
}
div.paging ul li:HOVER{

	background:#00adf2;
	border-radius:3px;
	color:#FFF;
}
/*===============SIDEBAR=========================*/
div.sidebar{
	width:270px; 
	position:absolute; top:40px; right:0px; 
}
.ie9 div.sidebar{
	position:absolute; top:40px; right:0px;
	width:272px; 
}
.ie7 div.sidebar, .ie8 div.sidebar{
	position:absolute; top:40px; right:0px; 
	display:block;
	width:272px;  
}
p.tt-ourfriend{
	font: normal 20px UVNDaLat;
    margin-bottom:15px;
	color:#514448;
}
#cse-search-form input.gsc-search-button{
	background: #514448;border:1px solid #514448;
}
div.line-hor{
	background:url(../images/linengang.png) repeat-x left bottom;
	width:290px; height:4px;
	text-indent:-9999px;
	margin:15px 0px 15px -20px;
}
p.tt-ourfriend{
	font: normal 20px UVNDaLat;
    margin-bottom:15px;
	color:#514448;
}
ul.hots li,
ul.hits li,
ul.comments li{
  	background:url(../images/icon_item.png) no-repeat 0 15px;
  	padding: 8px 0px 2px 15px;
	border-bottom: 1px dashed #999;
}
ul.hots li:last-child ,
ul.hits li:last-child ,
ul.comments li:last-child { border-bottom: none; }

ul.hots li a,
ul.hits li a,
ul.comments li{
  	color: #78696E; /*#D8CED1;*/
}

ul.hots li a:HOVER,
ul.hits li a:HOVER,
ul.comments li a{
  	color: #028bd7; 
}	
p.tt-ourfriend{
	font: normal 20px UVNDaLat;
    margin-bottom:15px;
	color:#514448;
}
ul.friend li{
	background:url(../images/icon_item.png) no-repeat left center;
  	color:#DB2E66;
  	font-size:13px;
  	padding-left:15px;
	margin-bottom:5px;
}
ul.friend li a{
	color:#514448;
}